<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include} :: header"></head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row">
            <form class="layui-form layui-form-pane" id="signupForm" >
                <input id="id" name="id" th:value="${pickUpPlan.id}" type="hidden">
                <input id="preMatterIds"  th:value="${pickUpPlan.matterIds}" type="hidden">
                <div class="layui-form-item">
                    <label class="layui-form-label">名称：</label>
                    <div class="layui-input-block">
                        <input id="planName" name="planName" th:value="${pickUpPlan.planName}" class="layui-input" type="text" autocomplete="off">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="height: 38px">物料：</label>
                    <div class="layui-input-block">
                        <div name="matterIds" id="matterIds" class="xm-select-demo">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" >
                    <label class="layui-form-label">计划执行日期：</label>
                    <div class="layui-input-block">
                        <input type="text" name="planDate" id="planDate"
                               th:value="${pickUpPlan.planDate}" placeholder="请选择日期" autocomplete="off" class="layui-input" />
                    </div>
                </div>
                <div class="layui-form-item info-div" th:each="planInfo:${planInfoList}">
                    <label class="layui-form-label">计划：</label>
                    <div class="layui-input-block">
                        <label class="layui-form-label">选择时间：</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input time-select infoTimeRange"  placeholder=" - "  autocomplete="off" th:value="${planInfo.infoTimeRange}">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" id="add_div">
                    <div style="text-align: center;margin-top: 20px">
                        <a onclick="addInfoDiv()" class="layui-btn layui-btn-normal">添加时间段</a>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div style="text-align: center;margin-top: 20px">
                        <button type="submit" class="layui-btn layui-btn-normal" >提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" th:src="@{/js/plugins/xmSelect/xm-select.js}"></script>
<script type="text/javascript" th:src="@{/js/appjs/module/pickUpPlan/detail.js}"></script>
</body>
</html>
